<template>
    <div>
		<!-- <mt-swipe :auto="4000" style="height:200px">
			<mt-swipe-item><img src="../../../img/1.jpg"></mt-swipe-item>
			<mt-swipe-item><img src="../../../img/2.jpg"></mt-swipe-item>
			<mt-swipe-item><img src="../../../img/3.jpg"></mt-swipe-item>	
		</mt-swipe> -->
		<swipe :imgs="Homeimgs"></swipe>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<router-link to="/HomePage/NewsList">
				<img class="menu-img-itme" src="../../../img/w1.png">
				<div class="mui-media-body">新闻资讯</div>
				</router-link>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<router-link to="/HomePage/PhotoSharing">
				<img class="menu-img-itme" src="../../../img/w2.png">
				<div class="mui-media-body">图片分享</div>
				</router-link>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<router-link to="/HomePage/buy">
				<img class="menu-img-itme" src="../../../img/w3.png">
				<div class="mui-media-body">商品购买</div>
				</router-link>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
				<img class="menu-img-itme" src="../../../img/w4.png">
				<div class="mui-media-body">留言反馈</div></a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
				<img class="menu-img-itme" src="../../../img/w5.png">
				<div class="mui-media-body">视频专区</div></a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
				<img class="menu-img-itme" src="../../../img/w6.png">
				<div class="mui-media-body">联系我们</div></a>
			</li>
		</ul>	
    </div>
	
</template>  
<style scoped>
	/* .mint-swipe .mint-swipe-items-wrap img{
		height: 100%;
   		width: 100%;
	} */
	.menu-img-itme{
		width: 40px;	
    	border-radius: 50%;
	}
	.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{
		font-size: 12px
	}
</style>

<script>
import swipe from '../subcomponents/Swipe.vue'
export default {
	data() {
		return {
			Homeimgs:''
		}
	},
    components:{
        swipe,
		
    },
	mounted() {
		this.$http.post('http://192.168.0.197:88/getimgs',{belongId:"index"},{emulateJSON:true})
		.then(function(res){
        this.Homeimgs=res.body.data  
        
    });
	},
}
</script>